<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="path" value="${pageContext.request.contextPath}" scope="page"/>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="referrer" content="no-referrer">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Major Controller</title>

    <!-- Bootstrap -->
    <link href="${path}/css/bootstrap.min.css" rel="stylesheet" />
    <link href="${path}/css/sweetalert2.min.css" rel="stylesheet" />
    <!-- My CSS -->
    <link href="${path}/css2/page-major.css" rel="stylesheet" />

</head>
<body>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">编辑</h4>
            </div>
            <div class="modal-body">
                <form class="">
                    <%--<div id="username-group" class="form-group has-feedback">--%>
                        <%--<label for="input-username" class="control-label">账号:</label>--%>
                        <%--<input id="input-username" type="text" maxlength="20" name="username" class="form-control">--%>
                        <%--<span class="glyphicon form-control-feedback" aria-hidden="true"></span>--%>
                        <%--<span id="username-help" class="help-block"></span>--%>
                    <%--</div>--%>
                    <div id="code-group" class="form-group has-feedback">
                        <label for="input-code" class="control-label">专业代码:</label>
                        <input id="input-code" type="text" maxlength="20" name="username" class="form-control">
                    </div>
                    <div id="name-group" class="form-group has-feedback">
                        <label for="input-name" class="control-label">名称:</label>
                        <input id="input-name" type="text" maxlength="20" name="username" class="form-control">
                    </div>
                    <div id="en-name-group" class="form-group has-feedback">
                        <label for="input-en-name" class="control-label">英文名:</label>
                        <input id="input-en-name" type="text" maxlength="20" name="username" class="form-control">
                    </div>
                        <div id="education-group" class="form-group has-feedback">
                            <label for="input-education" class="control-label">英文名:</label>
                            <input id="input-education" type="text" maxlength="20" name="username" class="form-control">
                        </div>
                    <div id="description-group" class="form-group has-feedback">
                        <label for="input-description" class="control-label">描述:</label>
                        <textarea id="input-description" type="tex" maxlength="20" name="username" class="form-control"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary">提交</button>
            </div>
        </div>
    </div>
</div>

<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
        <div class="box panel-heading" role="tab">
            <div class="inner">专业编号</div>
            <div class="inner">专业名称</div>
            <div class="inner">英文名</div>
            <div class="inner">学位称号</div>
            <div class="inner"></div>
            <div class="inner"></div>
        </div>
    </div>
    <div id="wrap1" class="panel panel-default">
        <div class="box panel-heading" role="tab" id="headingOne">
            <div class="inner">80902</div>
            <div class="inner">软件工程</div>
            <div class="inner">Software Engineering Major</div>
            <div class="inner">工学或理学学士</div>
            <a class="inner" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                展开<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></a>
            <a class="inner btn btn-primary btn-sm" wrap="#wrap1" data-toggle="modal" data-target="#myModal">编辑</a>
        </div>
        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
            <div class="panel-body">
                这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程
                这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程
                这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程
                这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程这是软件工程
            </div>
        </div>
    </div>
    <div id="wrap2" class="panel panel-default">
        <div class="box panel-heading" role="tab" id="headingTwo">
            <div class="inner">80903</div>
            <div class="inner">网络工程</div>
            <div class="inner">Network Engineering Program</div>
            <div class="inner">工学或理学学士</div>
            <a class="inner" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
                展开<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></a>
            <a class="inner btn btn-primary btn-sm" wrap="#wrap2" data-toggle="modal" data-target="#myModal">编辑</a>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
            <div class="panel-body">
                这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程
                这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程
                这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程
                这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程这是网络工程
            </div>
        </div>
    </div>
    <div id="wrap3" class="panel panel-default">
        <div class="box panel-heading" role="tab" id="headingThree">
            <div class="inner">120801</div>
            <div class="inner">电子商务</div>
            <div class="inner">E-commerce</div>
            <div class="inner">经济学或工学学士</div>
            <a class="inner" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
                展开<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></a>
            <a class="inner btn btn-primary btn-sm" wrap="#wrap3" data-toggle="modal" data-target="#myModal">编辑</a>
            <%--data-toggle="modal" data-target="#myModal"--%>
        </div>
        <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
            <div class="panel-body">
                这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务
                这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务
                这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务
                这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务这是电子商务
            </div>
        </div>
    </div>
    <div id="wrap4" class="panel panel-default">
        <div class="box panel-heading" role="tab" id="headingFour">
            <div class="inner">81201</div>
            <div class="inner">计算机科学与技术</div>
            <div class="inner">Computer Science and Technology</div>
            <div class="inner">工学或理学学士</div>
            <a class="inner" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
                展开<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></a>
            <a class="inner btn btn-primary btn-sm" wrap="#wrap4" data-toggle="modal" data-target="#myModal">编辑</a>
        </div>
        <div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
            <div class="panel-body">
                这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术
                这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术
                这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术
                这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术
            </div>
        </div>
    </div>
</div>

<div id="borrow-panel-body" class="panel panel-danger">
    <div class="table-responsive">
        <table id="goods-college" class="table table-hover table-condensed" >
            <tr class="success">
                <th>学校</th>
                <th>校区</th>
                <th>寝室</th>
                <th>QQ</th>
                <th>电话</th>
                <th>价格</th>
                <th>发布时间</th>
                <th>借书</th>
            </tr>
            <tr>
            <td>四川轻化工大学</td>
            <td>临港校区</td>
            <td>B8-C229</td>
            <td>
            <a class="chat" data-toggle="tooltip" data-placement="left" title="1393886097 点击联系他"
            href="tencent://message/?uin=1767234937&Site=校园图书&Menu=yes">
            <div class="qqChat"
            style="background-image: url('${path}/images/qqChat.png');"></div>
            1393886097
            </a>
            </td>
            <td>
            <div class="chat">
            <div class="phoneChat" style="background-image: url('${path}/images/phoneChat.png');"></div>
            15583789495
            </div>
            </td>
            <td>3.5</td>
            <td>2019/03/12</td>
            <td role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="true" aria-controls="collapseFive">借书</td>
            </tr>
            <div id="collapseFive" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
                <div class="panel-body">
                    这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术
                    这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术
                    这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术
                    这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术这是计算机科学与技术
                </div>
            </div>

        </table>
    </div>
</div>


<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script type="text/javascript" src="${path}/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="${path}/js/sweetalert2.min.js"></script>
<script type="text/javascript" src="${path}/js2/page-major.js"></script>

<script type="text/javascript">

    $(function(){
        MyModel.init();
    });

</script>

<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="${path}/js/bootstrap.min.js"></script>
</body>
</html>